<ui:composition template="../templatequeroumbico/templogin.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="corpo-da-pagina">
		<div id="corpoLogin">
			<div id="imagemLogin">
				<h:graphicImage id="imagemLoginPrincipal"
					value="../queroumbico/img/sis/img_login_principal.jpg"></h:graphicImage>
			</div>
			<div id="banners">
				<div id="banner1">
					<div id="titulo1">
						<h:graphicImage id="imagemLoginPrincipal"
							value="../queroumbico/img/sis/b_titulo_acesso1.jpg"></h:graphicImage>
					</div>
					<div id="conteudo1">
						<h:graphicImage id="imagemLoginPrincipal"
							value="../queroumbico/img/sis/b_querooferecer.jpg"></h:graphicImage>
					</div>
				</div>
				<div id="banner2">
					<div id="titulo2">
						<h:graphicImage id="imagemLoginPrincipal"
							value="../queroumbico/img/sis/b_titulo_acesso2.jpg"></h:graphicImage>
					</div>
					<div id="conteudo2">
						<h:graphicImage id="imagemLoginPrincipal"
							value="../queroumbico/img/sis/b_queroreceber.jpg"></h:graphicImage>
					</div>
				</div>
				<div id="banner3">
					<div id="titulo3">
						<h:graphicImage id="imagemLoginPrincipal"
							value="../queroumbico/img/sis/b_titulo_acesso3.jpg"></h:graphicImage>
					</div>
					<div id="conteudo3">
						<h:graphicImage id="imagemLoginPrincipal"
							value="../queroumbico/img/sis/b_queroindicar.jpg"></h:graphicImage>
					</div>
				</div>
			</div>
			
			<div id="loginForms">
			     <div id="logar">
			      <form method="POST" action="#{request.contextPath}/j_security_check">
			         <br />
			        
			         <h:outputLabel id="acessoLabelLogar" styleClass="emailLabelLogar" value="E-mail:" /><br />
			         <h:inputText id="j_username" styleClass="textAcesso"  title="digite o email" /><br />
                     <h:outputLabel id="acessoLabelLogar" styleClass="emailLabelLogar" value="Senha:" /><br />
                     <h:inputSecret id="j_password" styleClass="textAcesso" /><br />
                     <h:commandButton value="#{msg.botaoEntrar}" id="btn_login" styleClass="botaoEntrar"></h:commandButton>
			      </form>   
			     </div>
			     <div id="propaganda">
			         <h:graphicImage id="imagemLoginConhecer"
                            value="../queroumbico/img/sis/img_login.jpg"></h:graphicImage>
			     </div>
			     <div id="cadastro">
			     <form method="POST" action="#">
                     <br />
                     <h:outputLabel id="cadastroNomeLogar" styleClass="nomeLabelCadastro" value="Nome:" />
                     <h:inputText id="nome" styleClass="textCadastro"  title="digite o nome" /><br />   
                     <h:outputLabel id="cadastroLabelLogar" styleClass="emailLabelCadastro" value="E-mail:" />
                     <h:inputText id="username" styleClass="textCadastro"  title="digite o email" /><br />
                     <h:outputLabel id="cadastroLabelLogar" styleClass="senhaLabelCadastro" value="Senha:" />
                     <h:inputSecret id="passname" styleClass="textCadastro" /><br />
                     <h:outputLabel id="cadastroconfirmLabelLogar" styleClass="nomeLabelCadastroConfirm" value="Confirm. Senha:" />
                     <h:inputSecret id="confirmpassname" styleClass="textCadastro" /><br />
                     <h:commandButton value="#{msg.botaoCadastrar}" id="btn_cadastrologin" styleClass="botaoCadastrar"></h:commandButton>
                  </form>   
			     </div>
			</div>
		</div>

	</ui:define>
</ui:composition>